<template>
	<view class="shop-order-info-2">
		<u--image radius="8rpx" mode="aspectFill" :src="shop.image[0].url" width="160rpx" height="160rpx"></u--image>
		<view style="width: 16rpx;"/>
		<view class="shop-order-info-21">
			<view class="shop-order-info-211 u-line-1">{{shop.goodsName}}</view>
			<view class="shop-order-info-212 u-line-1">{{shop.sku ? shop.sku.sku : ''}}</view>
			<view style="height: 32rpx;"/>
			<view class="shop-order-info-213" @click="showPrice = true">
				<view style="display: flex;align-items: center;">
					<text>&yen;{{shop.price}}</text>
					<text class="iconfont icon-31yiwen" style="padding-left: 8rpx;color: #000;position: relative;top: 2rpx;"></text>
				</view>
				<text style="font-size: 24rpx;color: #666;">x{{shop.buyCount}}</text>
				<!-- <u-number-box :asyncChange="true" @change="onChange(goods, $event)" :buttonSize="24" disabledInput v-model="shop.buyCount"></u-number-box> -->
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: 'JoyCard',
	}
</script>

<style>
</style>